<template>
	<view>
			<view class="foot">
				
				<view class="" @click="gotoindex">
					<image src="http://175.24.179.10:20001/profile/farm_photo/2024/06/14/index_20240614152250A008.png" mode=""></image>
				</view>
				<view class="yuan" style="width: 120rpx;height: 120rpx;" @click="gotorenwu">
					<view class="" style="background-color:#1A512C ;display: flex;width: 90%;height: 90%;border-radius:50% ;margin: 3px auto;">
							<!-- <image src="http://175.24.179.10:20001/profile/farm_photo/2024/06/14/task_20240614152632A024.png" style="width: 50%;height: 50%; margin: auto;"></image> -->
							<image src="https://28-1325662301.cos.ap-shanghai.myqcloud.com/static%2Fdriver1.png" style="width: 50%;height: 50%; margin: auto;"></image>
					</view>
				</view>
				<view class="" @click="gotomine">
					<image src="http://175.24.179.10:20001/profile/farm_photo/2024/06/14/mine_20240614152447A016.png" mode=""></image>
				</view>
			</view>
	</view>
</template>

<script setup> 
	const gotoindex=()=>{
		uni.navigateTo({
			url:"/pages/index/index"
		})
	}
	const gotomine=()=>{
		uni.navigateTo({
			url:"/pages/index/index"
		})
	}
	const gotorenwu=()=>{
		uni.navigateTo({
			url:"/pages/index/index"
		})
	}
	
</script>

<style lang="scss">
	.yuan{
		border-radius: 50%;
		background-color: #fff;
		margin-bottom: 40px;
	}
.foot{
	width: 100vw;
	height: 75rpx;
	flex-shrink: 0;
	background: #1A512C;
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: row;
	    justify-content: space-around;
		align-items: center;
		view{
			width: 25.67px;
			height: 22.92px;
			image{
				width: 100%;
				height: 100%;
			}
		}
}
</style>
